<!DOCTYPE HTML>
<!-- saved from url=(0052)https://v4-alpha.getbootstrap.com/examples/carousel/ -->
<!DOCTYPE html PUBLIC "" ""><HTML lang="en"><HEAD><META content="IE=11.0000" 
http-equiv="X-UA-Compatible">
     
<META charset="utf-8">     
<META http-equiv="X-UA-Compatible" content="IE=edge">     
<META name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 
    
<META name="description" content="">     
<META name="author" content="">     
<LINK href="assets/img/logo.png" rel="icon">   
<TITLE>十六大魔城</TITLE>     <!-- Bootstrap core CSS --> 
<LINK href="assets/css/bootstrap.min.css" rel="stylesheet">     
<!-- Custom styles for this template -->     
<LINK href="assets/css/carousel.css" rel="stylesheet">   
<link href="assets/fonts/font.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="assets/css/component.css" />
<link rel="stylesheet" type="text/css" href="assets/css/componentCard.css" />
<link rel="stylesheet" type="text/css" href="assets/css/defaultCard.css" />
<script src="assets/js/modernizr.custom.js"></script>
<script src="assets/js/modernizr.custom2.js"></script>
<script type="text/javascript">
        //平台、设备和操作系统
        var system = {
            win: false,
            mac: false,
            xll: false,
            ipad:false
        };
        //检测平台
        var p = navigator.platform;
        system.win = p.indexOf("Win") == 0;
        system.mac = p.indexOf("Mac") == 0;
        system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
        system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;
        //跳转语句，如果是手机访问就自动跳转到wap.baidu.com页面
        if (system.win || system.mac || system.xll||system.ipad) {
        } else {

            window.location.href = "mobile/index.html";
        }
</script>
<META name="GENERATOR" content="MSHTML 11.00.10586.672">
</HEAD>   
<BODY>
  <NAV class="navbar navbar-fixed-top navbar-light nav-special bg-faded">
    <A class="navbar-brand" href="#">十六大魔城</A> 
    <UL class="nav navbar-nav">
      <LI class="nav-item active cl-effect-1"><A class="nav-link" href="index.html">主页</A></LI>
      <LI class="nav-item cl-effect-1"><A class="nav-link" href="lead.html">指路牌</A></LI>
      <LI class="nav-item cl-effect-1"><A class="nav-link" href="broadcast.html">公告板</A></LI>
      <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        图书馆
      </a>
      <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
        <a class="dropdown-item" href="#">大魔城画廊</a>
        <a class="dropdown-item" href="#">Coco 百科</a>
        <a class="dropdown-item" href="library.html">大魔城典藏</a>
      </div>
    </li>
      <LI class="nav-item cl-effect-1"><A class="nav-link" href="building.html">建筑中心</A></LI>
    </UL>
  </NAV>
  <!-- Carousel ================================================== --> 
    
<DIV class="carousel slide" id="myCarousel" data-ride="carousel" style="top:50px"><!-- Indicators --> 
      
<OL class="carousel-indicators">
  <LI class="active" data-slide-to="0" data-target="#myCarousel"></LI>
  <LI data-slide-to="1" data-target="#myCarousel"></LI>
</OL>
<DIV class="carousel-inner" role="listbox">
<!-- 第一张 -->
<DIV class="carousel-item active">
  <IMG class="first-slide" alt="First slide" src="assets/img/bkg1.jpg">           
  <DIV class="container">
    <DIV class="carousel-caption">
      <H1>欢迎来到大魔城</H1>
      <P>这里是超帅气的十六的大魔城~欢迎游览参观~</P>
        <P>
        <A class="btn btn-lg btn-primary" role="button" href="http://space.bilibili.com/682508/#!/index">十六的个人空间</A>
      </P>
    </DIV>
  </DIV>
</DIV>

<!-- 第二张 -->
<DIV class="carousel-item">
   <ul class="grid cs-style-1 ">
				<li>
					<figure>
						<img src="assets/img/cover1.PNG" alt="img01">
						<figcaption>
							<h4>死亡抉择系列视频</h4>
              <p>填坑呼声最高的系列作品，参与感和沉浸感极强的互动恐怖类游戏。</p>
							<a href="http://space.bilibili.com/682508/#!/channel-detail/358/1/0">前往抉择</a>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="assets/img/cover2.PNG" alt="img02">
						<figcaption>
							<h4>为何我的以撒和你们的不一样</h4>
              <p>十六早期作品。原来我们的十六是这样的~</p>
							<a href="http://space.bilibili.com/682508/#!/channel-detail/359/1/0">查看逗比十六</a>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="assets/img/cover3.PNG" alt="img03">
						<figcaption>
							<h4>我的世界 实况解说</h4>
              <p>Minecraft系列视频。每一个世界都是一场全新的冒险！</p>
							<a href="http://space.bilibili.com/682508/#!/channel-detail/355/1/0">开始冒险</a>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="assets/img/cover4.PNG" alt="img04">
						<figcaption>
							<h4>守望先锋系列视频</h4>
              <p>守望系列良心作品，十六脑洞大开的系列，其中教程系列广受好评（大误</p>
							<a href="http://dribbble.com/shots/1116775-Safari">新世界的大门</a>
						</figcaption>
					</figure>
				</li>
			</ul>
</DIV>

</DIV>
<A class="left carousel-control" role="button" href="#myCarousel" data-slide="prev">
    <SPAN class="glyphicon glyphicon-chevron-left" aria-hidden="true"></SPAN> 
    <SPAN class="sr-only">Previous</SPAN>       
</A>       
<A class="right carousel-control" role="button" href="#myCarousel" data-slide="next">
    <SPAN class="glyphicon glyphicon-chevron-right" aria-hidden="true"></SPAN> 
    <SPAN class="sr-only">Next</SPAN>       
</A>     
</DIV><!-- /.carousel --> 
    <!-- Marketing messaging and featurettes
    ================================================== --> 
    <!-- Wrap the rest of the page in another container to center all the content. --> 
    
<DIV class="container-fluid">
 <!-- FOOTER -->       
 <FOOTER>
<P> @ 2016 十六迷妹团 · <A href="#">Privacy</A> · <A href="#">Terms</A></P>
</FOOTER>
</DIV><!-- /.container --> 
    <!-- Bootstrap core JavaScript
    ================================================== --> 
    <!-- Placed at the end of the document so the pages load faster -->     
<script src="assets/js/toucheffects.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" integrity="sha384-3ceskX3iaEnIogmQchP8opvBy3Mi7Ce34nWjpBIwVTHfGYWQS9jwHDVRnpKKHJg7" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.3.7/js/tether.min.js" integrity="sha384-XTs3FgkjiBgo8qjEjBk0tGmf3wPrWtA6coPfQDfFEY8AnYJwjalXCiosYRBIBZX8" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js" integrity="sha384-BLiI7JTZm+JWlgKa0M0kGRpJbF2J8q+qreVrKBC47e3K6BW78kGLrCkeRX6I9RoK" crossorigin="anonymous"></script>
   </BODY></HTML>
